
<template>
    <div class="v1">
  
      <div class="v1a">
        前台收银登录
        <lay-form :model="model">
          <lay-form-item label="机构" prop="branch">
            <lay-input v-model="model.branch"></lay-input>
          </lay-form-item>
          <lay-form-item label="账户" prop="uid">
            <lay-input v-model="model.uid"></lay-input>
          </lay-form-item>
          <lay-form-item label="密码" prop="pw">
            <lay-input v-model="model.pw" type="password"></lay-input>
          </lay-form-item>
          <lay-form-item style="text-align: center;">
            <lay-button type="primary" @click="submit">登录</lay-button>
          </lay-form-item>
        </lay-form>
      </div>
      <div class="v1b">
        <div>
          <p>1</p>
        </div>
        <div>
          <p>2</p>
        </div>
        <div>
          <p>3</p>
        </div>
        <div>
          <p>4</p>
        </div>
        <div>
          <p>5</p>
        </div>
        <div>
          <p>6</p>
        </div>
        <div>
          <p>7</p>
        </div>
        <div>
          <p>8</p>
        </div>
        <div>
          <p>9</p>
        </div>
        <div>
          <p>字母</p>
        </div>
        <div>
          <p>0</p>
        </div>
        <div>
          <p>字符</p>
        </div>
      </div>
    </div>
  </template>
  <script setup>
  import { ref, onMounted } from 'vue'
  import { layer } from '@layui/layui-vue';
  
  const model = ref({
    "branch": "1001",//机构编号
    "uid": "admin",//账户
    "pw": "123456",//密码
    "loginty": "pos",//登录类型-前台固定值"pos"
    "terminal": "tt"//终端号loginty=pos时必填
  })
  
  const submit = () => {
    console.log(JSON.stringify(model.value));
  };
  
  
  
  
  onMounted(() => {
  })
  </script>
    
  <style scoped>
  .v1 {
    display: flex;
    background-color: #ad000096;
    justify-content: center;
    align-items: stretch;
  
  }
  
  .v1a {
    background-color: #4b323296;
    width: 400px;
    padding-right: 50px;
  }
  
  
  .v1b {
    display: grid;
    background-color: #88606096;
    grid-template-columns: 100px 100px 100px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    margin-left: 20px;
  
  }
  
  .v1b div {
    display: grid;
    background-color: #88606096;
    justify-items: center;
    align-items: center;
  }
  </style>
    